.index{ background:#f8f8f8;}
/*焦点图*/


.flexslider {
	position: relative;
	height:575px;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height: 575px;
}

.flex-control-nav {
	position: absolute;
	bottom:48px; 
	z-index: 2; right:50%;
	width:100px; text-align:right;
	 z-index:3000; 
}
.flex-control-nav li {
	display: inline-block; 
	width: 14px;
	height: 14px;
	margin: 0 5px;
	display: inline;
	zoom: 1; 
}
.flex-control-nav li:nth-child(1){ position:absolute; left:610px; top:-90px;}
.flex-control-nav li:nth-child(2){position:absolute; left:640px; top:-90px;}
.flex-control-nav li:nth-child(3){position:absolute; left:670px; top:-90px;}

.flex-control-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}
.flex-direction-nav {
	position: absolute;

	width: 100%;
	top: 45%; 
}
.flex-direction-nav li a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute; z-index:3000; right:0; bottom:0;
}
.flex-direction-nav li a.flex-prev {
	left: 40px;
	background: url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
	right: 40px;
	background: url(../images/next.png) center center no-repeat;
}






/*标题*/

.biaoti{ margin:15px 0;}
.biaoti h1{ font-size:30px; color:#0a2948; float:left;}
.biaoti p{ font-size:16px; color:#333; float:left; margin-left:20px; margin-top:15px;}




/*文化*/

.index-wenhua{ background:#0d2149; position:absolute; width:100%; top:560px; height:100px; left:0; z-index:100;box-shadow: 0px 10px 30px 0px #e0e4e8;}
.index-wenhua ul li{ float:left; width:208px; border-left:1px solid rgb(255,255,255,.2); height:100px; padding-left:90px;}
.index-wenhua ul li:nth-child(1){background: url(../images/banner_icon01.png) 28px 28px no-repeat;}
.index-wenhua ul li:nth-child(2){background: url(../images/banner_icon04.png) 28px 28px no-repeat;}
.index-wenhua ul li:nth-child(3){background: url(../images/banner_icon03.png) 28px 28px no-repeat;}
.index-wenhua ul li:nth-child(4){background: url(../images/banner_icon02.png) 28px 28px no-repeat;border-right:1px solid rgb(255,255,255,.2);}



.index-wenhua ul li p{ color:#FFF;}
.index-wenhua ul li p:nth-child(1){ font-size:16px; margin-top:27px; margin-bottom:5px;}
.index-wenhua ul li p:nth-child(2){ font-size:13px;}





/*产品*/
.chanpin{ padding-top:7px;}
.enght{ float:right; 
  
    font-size: 16px; margin-left:10px;
    color: #666;
    position: relative;
    z-index:20; 
    
   background: url(../images/en01.png) no-repeat 15px center #d01f27;text-indent:42px; 
    width:200px;}
	
.enght a.tit{display:block;  color:#FFF;   height:42px; line-height:42px; padding-left:5px;  padding-right: 17px;
    background: url(../images/aaa01.png) no-repeat 165px center;

   }	
.liebiao{ display:none;position: absolute; left:0px; top:42px; background:#FFF;box-shadow: 0px 0px 10px #ccc; z-index:100000;}

.liebiao a{border-bottom:1px solid #CCC;  padding:11px 16px; margin:8px 3px; font-size:16px; color:#666; display:block; background:#FFF; text-indent:0;}

.liebiao a:hover{ background:#2b60ac; color:#FFF;}



.index-biao{ margin:30px 0;}
.biao-left{ float:left;padding-right:15px; border-right:1px solid #c4c4c4;}
.biao-jieshao{ float:left; font-size:16px; color:#666; line-height:24px; padding-left:15px; margin-top:7px;}
.biao-right { float:right; margin-top:10px;}
.biao-right ul li{ float:left;}
.biao-right ul li a{ display:block; width:105px; font-size:16px; height:40px; line-height:40px; text-align:center; border:1px solid #ccc; color:#666; margin:3px; background:#FFF;}
.biao-right ul li.on a{color:#FFF; background:#0766b8;}
.biao-left h2{ font-size:32px; color:#035cac; font-weight:700; line-height:34px;}
.biao-left p{ font-size:16px; color:#888;  font-weight: normal; line-height:16px; margin-top:5px; font-family:Arial, Helvetica, sans-serif;}
.anlishow ul li{ float:left; width:390px; background:#f0f0f0; margin-right:15px; }
.anlishow ul li:nth-child(3) { margin-right:0;}

.anlishow{ text-align:center;margin-bottom:30px; position:relative; }
.caselist h3{ font-size:28px; color:#333; margin-top:30px; line-height:30px;}
.caselist p{ padding:20px 40px; text-align:left; line-height:26px; height:80px; overflow:hidden; font-size:15px; color:#4b4b4b;}
.anlishow ul li.lan{ background:#164c90;}
.anlishow ul li.lan a h3{ color:#FFF;}
.anlishow ul li.lan a p{ color:#eee;}
.anlishow ul li:hover{background:#2b60ac;}
.anlishow ul li:hover a h3{ color:#FFF;}
.anlishow ul li:hover a p{ color:#FFF;}




.caselist{ 
  width:390px;
 height:200px;
	}
	.cpwai{ width:390px; height:273px;position:relative;  overflow:hidden;z-index:10;	}
.cpwai img{ max-width:100%; max-height:100%; position:absolute; left:0; top:0;transition: all 0.8s;}
.cpwai:hover img{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */}
.jiao1{ position:absolute; left:399px; top:125px; z-index:1000;}
.jiao2{ position:absolute; left:386px; bottom:125px; z-index:1000;}
.jiao3{ position:absolute; right:192px; top:276px; z-index:1000;}

/*技术*/
.jishunav li{ float:left;}
.jishunav li a{ color:#333; display:block; margin:0 15px; padding:10px 0 15px 0;float:left; font-size:20px; font-weight:bold;border-bottom:3px solid #fafafa; text-align:center;}
.jishunav li a:hover{ border-bottom:3px solid #06C;}
.jishunav li:nth-child(3) a{ padding-right:0;}
.jishu{ background: url(../images/jishubg.jpg) no-repeat center top;}

.fuwu{ padding-top:45px;}
.fuwunei{ width:800px; }
.fuwunei li:nth-child(1){background: url(../images/f1.png) no-repeat 28px 28px;margin-left:0; }
.fuwunei li:nth-child(1):hover{background: url(../images/f1.png) no-repeat 28px 28px rgb(0,0,0,.2);margin-left:0; }
.fuwunei li:nth-child(2){background: url(../images/f2.png) no-repeat 33px 28px;}
.fuwunei li:nth-child(2):hover{background: url(../images/f2.png) no-repeat 33px 28px rgb(0,0,0,.2);}

.fuwunei li:nth-child(3){background: url(../images/f3.png) no-repeat 24px 28px; margin-left:0; }
.fuwunei li:nth-child(3):hover{background: url(../images/f3.png) no-repeat 24px 28px rgb(0,0,0,.2);}
.fuwunei li:nth-child(4){background: url(../images/f4.png) no-repeat 28px 28px;}
.fuwunei li:nth-child(4):hover{background: url(../images/f4.png) no-repeat 28px 28px rgb(0,0,0,.2);}
.fuwunei li{ float:left; width:230px; height:80px; border:1px solid #2c406e; padding:28px; padding-left:110px; margin:10px 20px 10px 0px;}
.fuwunei li:hover{ cursor:pointer;}

.fuwunei li h2{ color:#FFF; font-size:22px; margin-bottom:5px;}
.fuwunei li p{ color:#d0d4df; font-size:14px; width:245px; display:block; line-height:24px;}

/*案例*/
.anli{ background:#fff; padding:20px 30px 30px 30px; width:1160px; margin:50px auto 40px auto;    box-shadow: 0px 0px 8px rgb(0,0,0,.2);}
.anlilist li{ float:left; width:370px; margin-right:22px; box-shadow: 0px 0px 8px #d3d1d0; padding-bottom:30px;}
.anlilist li:nth-child(3){ margin-right:0;}
.anliimg{ 
 width:370px; height:240px;overflow:hidden; position:relative;z-index:999;

	}
.anliimg img{ max-width:100%; max-height:100%; position:absolute; left:0; top:0;transition: all 0.8s;}
.anliimg:hover img{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */}

.anlilist li a h4{ font-size:20px; font-weight:bold; color:#333; margin:20px 25px 10px 25px;}
.anlilist li a p{ font-size:14px; color:#666; line-height:24px; margin:0 25px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.anlilist h4:hover {color:#2d62b2;}
.anlibiao{ margin:0 0px 20px 0;}
.anlibiao h2{ color:#333; font-size:25px; font-weight:bold; float:left; }

.anlibiao a{ float:right; display:block; width:120px; height:30px; line-height:30px;}
.anlibiao a:hover{ color:#2d62b2;}










